@font-face {
    font-family: 'tiegu';
    src: url('tiegu.ttf');
}

@font-face {
    font-family: 'OratorStd-Slanted';
    src: url('OratorStd-Slanted.otf');
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        /*初始状态 透明度为0*/
    }
    100% {
        opacity: 1;
        /*结尾状态 透明度为1*/
    }
}

.sub-nav-animate {
    -webkit-animation-name: fadeIn;
    /*动画名称*/
    -webkit-animation-duration: 1s;
    /*动画持续时间*/
    -webkit-animation-iteration-count: 1;
    /*动画次数*/
    -webkit-animation-delay: 0s;
    /*延迟时间*/
}

.sub-nav-bar {
    opacity: 0;
}

.top-panel {
    margin-top: 5%;
    font-family: tiegu;
    font-size: 1.7rem;
    font-weight: 900;
    line-height: 3.5;
}

.top-panel a {
    color: #000;
    text-decoration: none;
}

.sub-panel {
    font-family: tiegu;
    font-size: 1.5rem;
    width: 100%;
    top: 56%;
}

.sub-panel a {
    color: #000;
    text-decoration: none;
}

.sub-panel-backimg {
    background-image: url('../image/yun.png');
}

.no-margin {
    margin: 0px;
}

.no-padding {
    padding: 0px;
}

.content-container {}

.content-container p {
    margin-bottom: 0px;
    font-size: 1.6rem;
    font-weight: 500;
}

.content {
    margin-top: 10rem;
}

.content-img {
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 100px;
}

.content-img img {
    width: 100%;
}

.body-font {
    font-family: tiegu;
    font-size: 2rem;
}

.head-photo {
    padding-left: 25%;
    padding-right: 25%;
}

.footer {
    /* position:fixed; */
    /* bottom:0; */
    margin-top: 100px;
    /*width:100%;*/
    font-family: Orator Std;
    font-size: 1.5rem;
}

.logo-text {
    font-family: Orator Std;
    font-size: 3rem;
    position: absolute;
    left: auto;
    right: auto;
    width: 100%;
    top: 23%;
    letter-spacing: 2px;
    font-weight: bold;
}

.QR-code {
    margin-top: 10rem;
}